<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>

    <link rel="stylesheet" href="/statics/css/index_login.css">
    <link rel="stylesheet" href="/statics/css/bootstrap.min.css">
    <!-- 网页icon头像 -->
    <link rel="shortcut icon" href="/statics/img/login.png">
</head>

<body>
    <!-- 头部布局 -->
    <!-- logo头部版式 -->
    <div id="topbackdrop">
        <div id="logo">
            <tr>
                <td>
                    <img src="/statics/img/logo.gif" alt="" ondragend="return false">
                </td>
                <td>|</td>
                <td>
                    登录
                </td>
            </tr>
        </div>
    </div>

    <div id="container">
        <div class="row" style="margin-right: 0px;">

            <!-- 右布局 -->
            <div id="rightLayout" class="col">
                <div id="loginBackground" class="shadow-lg">
                    <!-- 登录表单 -->
                    <form action="/loginDone" method="POST">
                        <div id="loginTitleText">
                            <h3>
                                <p class="text-success">小胖的调查问卷</p>
                            </h3>
                        </div>
                        <div class="form-group">
                            <label for="username" id="usernameLabel">用户名:</label>
                            <input type="text" class="form-control" name="name_username" id="usernameBoxId">
                        </div>
                        <div class="form-group">
                            <label for="pwd" id="pwdLabel">密码:</label>
                            <input type="password" class="form-control" name="name_pwd" id="pwdBoxId">
                        </div>
                        <div id="loginAndregister">
                            <input type="submit" class="btn btn-primary" value="登录" name="" id="loginButton">
                            <input type="button" class="btn btn-primary" value="注册" name="" id="registerButton"
                                onclick="clickregister()">
                        </div>

                    </form>
                </div>
            </div>


    </div>



    <div id="footer">
        小胖不胖 © 2020
        <!-- 域名备案 -->
        <a href="http://beian.miit.gov.cn/" target="_blank">闽ICP备2020020618号</a>
        <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=35082202820061"
            style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img
                src="/statics/img/澶囨鍥炬爣.png" style="float:left;margin:3px auto auto 10px" />
            <p style="float:left;height:20px;line-height:20px;margin: 3px auto auto 5px; color:#939393;">闽公网安备
                35082202820061号</p>
        </a>
    </div>



    <!-- 背景脚本 -->
    <script src="/statics/js/SpiderWeb.js"></script>
    <!-- jquery脚本 -->
    <script src="/statics/js/jquery-3.6.0.min.js"></script>
    <!-- bootstrap脚本 -->
    <script src="/statics/js/bootstrap.min.js"></script>

    <!-- 点击注册按钮跳转效果 -->
    <script>
        function clickregister() {
            window.location.href = '/register';
        };
    </script>

    <!-- 鼠标点击特效  -->
    <!-- <script type="text/javascript">
        var a_idx = 0;
        jQuery(document).ready(function($) {
            $("body").click(function(e) {
                var a = new Array("(⌒▽⌒)","(=・ω・=)","(ﾟДﾟ≡ﾟдﾟ)!?","Σ( ￣□￣||)","(▔□▔)/","Σ(ﾟдﾟ;)","(^・ω・^ )","（￣へ￣）","(￣ε(#￣) Σ","ヽ(`Д´)ﾉ","(╯°口°)╯┴—┴","🍕","🍔","🌭","🥞","🍳","🍞","🥐","🍠","🥙","🍤","🥩","🍖","🥂","🥗","🧀","🍱","🍝","🐷","❤","🤣","💕","💖","🌹","💋","🎂","🎉","🎃","🎈","🎀","🎊","🚗","🎄","❤","💕","💞","💓","💗","💖","💘","💝","💟","💌","🍟","🍗","🍿","江呆呆是个憨憨💕💟💌");
                var $i = $("<span></span>").text(a[a_idx]);
                a_idx = (a_idx + 1) % a.length;
                var x = e.pageX,
                y = e.pageY;
                $i.css({
                    "z-index": 999999999999999999999999999999999999999999999999999999999999999999999,
                    "top": y - 20,
                    "left": x,
                    "position": "absolute",
                    "font-weight": "bold",
                    "color": "rgb("+~~(255*Math.random())+","+~~(255*Math.random())+","+~~(255*Math.random())+")"
                });
                $("body").append($i);
                $i.animate({
                    "top": y - 180,
                    "opacity": 0
                },
                1500,
                function() {
                    $i.remove();
                });
            });
        });
        </script> -->

</body>

</html>